.root {
  width: 100%;
  height: 100%;

  &:global(.readonly) :global(.x6-port) {
    display: none;
  }

  :global {
    .x6-widget-selection-box {
      border: 2px dashed #1677ff;
    }

    .x6-widget-selection-inner {
      border: 2px solid #1677ff;
      display: none;
    }

    .x6-edge-label foreignObject {
      overflow: visible;
    }

    // port 默认隐藏
    [data-port-visible='false'] .x6-port,
    .x6-port {
      visibility: hidden;
    }

    [data-port-visible='true'] .x6-port {
      visibility: visible;
    }

    // 不采用这种方式，因为 marker 的样式不会从 path 中继承
    // /**
    //  * 选中样式
    //  */
    // .x6-edge-selected path:nth-child(2) {
    //   stroke: var(--vd-color-primary);
    //   fill: red;;
    // }
  }
}

.minimap {
  position: absolute;
  right: 8px;
  bottom: 8px;
}
